iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 14
0

什麼時候會用到陣列?

假如今天我在整理飾品盒的時候,想要將裡面的飾品依照材質和數量分類紀錄,好方便以後做整理。
這時只會用變數紀錄東西的我可能會寫這樣來分類我的飾品:

let earring1 = 'perle';
let earring2 = 'diamond';
let earring3 = 'jade';

let necklace1 = 'gold';
let necklace2 = 'silver';

這樣寫的話,如果我有 20 副耳環我可能就要寫到 earring20 去了,不僅費時,之後想拿這些變數來使用時也不是很方便。
這時候陣列就派上用場了!
使用陣列時,可以將相同屬性的東西放入同個陣列中:

let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];

計算陣列長度

如果我想知道我有幾副耳環和項鍊,可以用這樣計算陣列的長度來算出耳環數目:

let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];

console.log(earring.length); // 3
console.log(necklace.length); // 2

取用陣列中的元素

每個在陣列中的元素,都配有一個索引值 (index)來代表他們的位置,而陣列的索引值是從 0 開始計算,假設我今天想知道一號項鍊和三號耳環的材質時,就會這樣寫:

let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];

console.log(earring[2]); // jade
console.log(necklace[0]); // gold

新增元素至陣列

結果上禮拜逛了逛網拍,又手滑買了兩副耳環(來人,剁手指!)
這時我的耳環陣列就需要用到push來將新買的耳環加進去。

let earring = ['perle', 'diamond', 'jade'];
let necklace = ['gold', 'silver'];

earring.push('ruby', 'sapphire');

console.log(earring);
//會印出['perle', 'diamond', 'jade', 'ruby', 'sapphire']

接著,我的飾品盒又會發生什麼事呢?
我們明天繼續用耳環和項鍊來學習array其他用法吧!(大愛耳環!)


上一篇
[ Day 13 | JS ] switch (不是那台遊戲機)
下一篇
[ Day 15 | JS ] 陣列 Array - 2
系列文
大器可以晚成—— 30歲才開始的轉職工程師之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言